html,body {
	height: 100%;
	margin: 0px;
}

#contentHolder {
	height: 100%;
	width: 100%;
	min-width: 1000px;
	min-height: 700px;
}

#gameTableHolder {
	height: 80%;
	width: 100%;
	background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 800, from(#FFFFFF),
		color-stop(0.2, #FF0000), to(#000000) );
	background: -moz-radial-gradient(50% 50%, circle cover, #FFFFFF 10px, #FF0000 20%,
		#000000 800px);
	display: table;
}

#gameTableBg {
	position: absolute;
	width: 100%;
	background-image: url(resources/tableBg.jpg);
	background-repeat: repeat;
	opacity: 0.15;
	z-index: 0;
}

#gameTableTd {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#bottomBar {
	height: 20%;
	width: 100%;
	background: -webkit-gradient(linear, left top, right top, from(#000000),
		to(#AAAAAA) );
	background: -moz-linear-gradient(left, #000000, #AAAAAA);
}

#chat {
	float: left;
	height: 100%;
	width: 50%;
	text-align: center;
	border: 0px solid;
}

#chatArea {
	width: 95%;
	resize: none;
	margin-top: 2px;
	border: 1px solid gray;
}

#chatInsert {
	margin: 0px;
	padding: 0px;
}

#chatInput {
	height: 20%;
	width: 85%;
	border: 1px solid gray;
}

#chatSubmit {
	height: 20%;
	width: 10%;
	border: 1px solid gray;
}

#buttons {
	float: left;
	height: 100%;
	width: 35%;
	border: 0px solid;
	display: table;
}

#buttonsTd {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#leaveButton {
	float: right;
	height: 100%;
	width: 10%;
	display: table;
}

#leaveButtonTd {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#offline {
	position: absolute;
	height: 100%;
	width: 100%;
	min-width: 1000px;
	min-height: 700px;
	z-index: 5;
	opacity: 0.8;
	background-color: black;
	visibility: visible;
}

#joiningPanelContainer {
	position: absolute;
	height: 50%;
	width: 100%;
	top: 25%;
	z-index: 5;
	display: table;
	visibility: hidden;
}

#joiningPanelTd {
	height: 100%;
	width: 100%;
	background-image: url(resources/background.gif);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#joiningPanel {
	margin: auto;
}

#pickAvatarContainer {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 6;
	display: table;
	visibility: hidden;
}

#pickAvatarTd {
	height: 100%;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#pickAvatar {
	margin: auto;
	width: 50%;
	height: 75%;
	background-color: black;
	border-radius: 15px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	display: table;
}

#avatarPositioning {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.avatarImage {
	height: 100px;
	width: 100px;
	margin: 5px;
	border-radius: 15px;
	border: 10px solid black;
}